.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
.webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: url("images/uploader.png") no-repeat center center; border: 1px solid #D6DCDF; }
.uploader-btn-min .webuploader-pick { padding: 30px; }
.uploader-btn-max .webuploader-pick { padding: 30px 80px; }
.webuploader-pick-hover { background: #F3F6F1 url("images/uploader-hover.png") no-repeat center center; border: 1px solid #74BD34; }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }
.webuploader-element-invisible {width:100%;height:100%}
/*demo样式*/
#picker { display: inline-block; line-height: 1.428571429; vertical-align: middle; margin: 0 12px 0 0; }
#picker .webuploader-pick { padding: 6px 12px; display: block; }
#uploader-demo .thumbnail { width: 110px; height: 110px; }
#uploader-demo .thumbnail img { width: 100%; }
.uploader-list { width: 100%; overflow: hidden; }
.file-item { float: left; position: relative; margin: 0 20px 20px 0; padding: 4px; }
.file-item .error { position: absolute; top: 4px; left: 4px; right: 4px; background: red; color: white; text-align: center; height: 20px; font-size: 14px; line-height: 23px; }
.file-item .info { position: absolute; left: 4px; bottom: 4px; right: 4px; height: 20px; line-height: 20px; text-indent: 5px; background: rgba(0, 0, 0, 0.6); color: white; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; z-index: 10; }
.upload-state-done:after { content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; position: absolute; bottom: 0; right: 4px; color: #4cae4c; z-index: 99; }
.file-item .progress { position: absolute; right: 4px; bottom: 4px; height: 3px; left: 4px; height: 4px; overflow: hidden; z-index: 15; margin: 0; padding: 0; border-radius: 0; background: transparent; }
.file-item .progress span { display: block; overflow: hidden; width: 0; height: 100%; background: #d14 url(images/progress.png) repeat-x; -webit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -ms-transition: width 200ms linear; transition: width 200ms linear; -webkit-animation: progressmove 2s linear infinite; -moz-animation: progressmove 2s linear infinite; -o-animation: progressmove 2s linear infinite; -ms-animation: progressmove 2s linear infinite; animation: progressmove 2s linear infinite; -webkit-transform: translateZ(0); }
@-webkit-keyframes progressmove {
    0% { background-position: 0 0; }
    100% { background-position: 17px 0; }
}
@-moz-keyframes progressmove {
    0% { background-position: 0 0; }
    100% { background-position: 17px 0; }
}
@keyframes progressmove {
    0% { background-position: 0 0; }
    100% { background-position: 17px 0; }
}
a.travis { position: relative; top: -4px; right: 15px; }
.filePicker_100 .webuploader-container .uploadImg, .filePicker_100 .webuploader-container .webuploader-pick { width: 100px; height: 75px; }
.uploadImg-opr { position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; line-height: 24px; text-align: right; background: rgba(0, 0, 0, .2); }
.uploadImg-opr a { color: #fff; margin-right: 5px; }
.filePicker_view { position: relative; }
.filePicker_view img { border: 1px solid #eee; }
.filePicker_100 { width: 100px; height: 75px; overflow: hidden; display: inline-block;}
.filePicker_100 .uploader-loading { width: 100px; height: 75px; display: block; text-align: center; }
.filePicker_100 .uploader-loading { background: #eee url(images/loading.gif) center center no-repeat; }
.filePicker_100 .uploader-loading em { font-style: normal; position: absolute; width: 100%; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; color: #999; }


.filePicker_team .webuploader-container .uploadImg, .filePicker_team .webuploader-container .webuploader-pick { width: 100px; height: 100px; }
.filePicker_team { width: 100px; height: 100px; overflow: hidden; }
.filePicker_team .uploader-loading { width: 100px; height: 100px; display: block; text-align: center; }
.filePicker_team .uploader-loading { background: #eee url(images/loading.gif) center center no-repeat; }
.filePicker_team .uploader-loading em { font-style: normal; position: absolute; width: 100%; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; color: #999; }


.upload-noView { width: 100%; height: 100%; }
.filePicker_750250 .webuploader-container .uploadImg, .filePicker_750250 .webuploader-container .webuploader-pick { width: 300px; height: 100px; }
.filePicker_750250 { width: 300px; height: 100px; overflow: hidden; display: inline-block;}
.filePicker_750250 .uploader-loading { width: 300px; height: 100px; display: block; text-align: center; }
.filePicker_750250 .uploader-loading { background: #eee url(images/loading.gif) center center no-repeat; }
.filePicker_750250 .uploader-loading em { font-style: normal; position: absolute; width: 100%; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; color: #999; }
.btn-file { background-color: #6fba2c; border-color: #eee; padding: 0 12px; border-radius: 0; color: #fff; line-height: 40px; }
.btn-file .webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: none; border: none; }
.btn-file .webuploader-pick-hover { background: none; border: none; color: #fff; }
.filePicker_file { }
.filePicker_file .filePicker_view, .filePicker_file .btn-file { float: left; }
.file-url { line-height: 40px; margin-right: 10px; }
.filePicker_file { overflow: hidden; }
.filePicker_file .uploader-loading { width: 120px; height: 40px; display: block; text-align: center; }
.filePicker_file .uploader-loading { background: #eee url(/images/loading.gif) 10px center no-repeat; }
.filePicker_file .uploader-loading em { font-style: normal; position: absolute; width: 100%; bottom: 0; left: 0; height: 40px; line-height: 40px; text-indent: 30px; color: #999; }


.filePicker_move .webuploader-container .uploadImg, .filePicker_move .webuploader-container .webuploader-pick { width: 80px; height: 35px; }
.uploadImg-opr { position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; line-height: 24px; text-align: right; background: rgba(0, 0, 0, .2); }
.uploadImg-opr a { color: #fff; margin-right: 5px; }
.filePicker_view { position: relative; }
.filePicker_view img { border: 1px solid #eee; }
.filePicker_move { width: 80px; height: 35px; overflow: hidden; display: inline-block; float: left;}
.filePicker_move .uploader-loading { width: 80px; height: 35px; display: block; text-align: center; }
.filePicker_move .uploader-loading { background: #eee url(images/loading.gif) center center no-repeat; background-size: 20px; }
.filePicker_move .uploader-loading em { font-style: normal; position: absolute; width: 100%; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; color: #999; }
.filePicker_move .webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: url("images/uploader.png") no-repeat center center; border: 1px solid #D6DCDF; background-size: 20px; }
.filePicker_move .webuploader-pick-hover { background: #F3F6F1 url("images/uploader-hover.png") no-repeat center center; border: 1px solid #74BD34; background-size: 20px; }
.img-explain{display: inline-block;}



